<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/mainsame.css">
    <link rel="stylesheet" href="../css/user.css">
</head>

<body>
    <div class="max-wp">
        <div class="wp">
            <div class="user-wp-title">
                <img src="../img/login/pc-loginLogo.png" alt="">
            </div>
            <div class="online">
                <div class="titleTop">
                    <ul>
                        <li class="onlineTitleActive">
                            个人信息
                        </li>
                        <li>
                            修改密码
                        </li>
                    </ul>
                </div>
                <!-- tab切换 -->
                <div class="onlineMain">
                    <div class="dis_b usertext-wp">
                        <div class="usertext-left" style="width: 300px;">
                            <img src="../img/login/userImg.png" alt="">
                        </div>
                        <div class="usertext-right" style="padding: 10px;">
                            <ul>
                                <li>名字：<span></span></li>
                                <li>账号：<span></span></li>
                                <li>性别：<span></span></li>
                                <li>年龄：<span></span></li>
                                <li>学历：<span></span></li>
                                <li>地址：<span></span></li>
                            </ul>
                            <button class="updateBtn">编辑</button>
                        </div>
                    </div>
                    <div>
                        <div class="ls-login-right-form-box">
                            <h2>修改密码</h2>
                            <div class="ls-login-right-form">
                                <div class="ls-login-right-form-item">
                                    <input type="text" maxlength="11" placeholder="请输入旧密码"
                                        class="form-item-ipt ls-login-username">
                                </div>
                                <div class="ls-login-right-form-item">
                                    <input type="password" maxlength="11" placeholder="请输入新密码"
                                        class="form-item-ipt ls-login-userkey">
                                </div>
                            </div>
                            <button class="ls-login-right-form-button ls-login-botton">确认</button>
                        </div>
                    </div>
                    <div>

                    </div>
                </div>
            </div>
            <a href="./index.html">
                < 返回首页 </a>
        </div>
    </div>
    <div class="login-alert">
        <img src="../img/login/logAlert.png" alt=""><span>请填写密码信息</span>
    </div>
    <div class="logout-wp" style="display: none;">
        <div class="logout-box">
            <div class="logout-header">
                <div class="logout-header__title">
                    <span>编辑个人信息</span>
                </div>
                <button style="font-size: 25px;" class="logout-header__button close">×</button>
            </div>
            <div class="logout-content">
                <div class="logout-content-container">
                    <div class="logout-content-message">
                        <form>
                            <!-- 名字 -->
                            <div class="form-group" style="display: flex;align-items: center;">
                                <b>名字</b>&nbsp;&nbsp;
                                <input style="width: 250px;" pattern="^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,20}$" required
                                    type="text" id="name" class="form-control name" id="exampleInputEmail1"
                                    placeholder="请输入用户名">
                            </div>
                            <!-- 年龄 -->
                            <div class="form-group" style="display: flex;align-items: center;">
                                <b>年龄</b>&nbsp;&nbsp;
                                <input style="width: 250px;" pattern="^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,20}$" required
                                    type="number" id="age" class="form-control age" id="exampleInputEmail1"
                                    placeholder="请输入年龄">
                            </div>
                            <!-- 性别 -->
                            <div class="radio">
                                <b>性别</b>&nbsp;&nbsp;
                                <label>
                                    <input type="radio" name="gender" value="男" aria-label="...">男
                                </label>
                                <label>
                                    <input type="radio" name="gender" value="女" aria-label="...">女
                                </label>
                            </div>
                            <!-- 学历 -->
                            <div class="type">
                                <b>学历</b>&nbsp;&nbsp;
                                <select id="edu" style="width: 150px; display: inline-block;" class="form-control">
                                    <option value="小学">小学</option>
                                    <option value="初中">初中</option>
                                    <option value="中专">中专</option>
                                    <option value="高专">高专</option>
                                    <option value="大专">大专</option>
                                    <option value="本科">本科</option>
                                    <option value="研究生">研究生</option>
                                </select>
                            </div>
                            <div class="position">
                                <b>地址</b>&nbsp;&nbsp;
                                <select style="width: 150px; display: inline-block;" class="form-control" name=""
                                    id="sheng"></select>
                                <select style="width: 150px; display: inline-block;" class="form-control" name=""
                                    id="shi">
                                    <option value="0">请选择</option>
                                </select>
                                <select style="width: 150px; display: inline-block;" class="form-control" name=""
                                    id="qu">
                                    <option value="0">请选择</option>
                                </select>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="logout-btns">
                <button class="close">取消</button>
                <button class="define">确定</button>
            </div>
        </div>
    </div>
    <script src="../node_modules//jquery/dist/jquery.min.js"></script>
    <script src="../js//jquery.cookie.js"></script>
    <script src="../js/city.data-3.js"></script>
    <script src="../js/login/user.js"></script>
</body>

</html>